<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>LifeVC丽芙家居</title>
		<link rel="icon" href="img/title.png" />
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			#rightsubnav{
				z-index: 10;
				position: fixed;
				right: 126px;
				top:200px;
				width:44px;
				height: auto;
				font-size: 12px;
				color: #FFFFFF;
				overflow: hidden;
				cursor: pointer;
			}
			#rightsubnav>li:hover{
				background:green;
			}
			#rightsubnav .rtitemone{
				margin: 2px 0 2px 0;
				padding: 7px 0 4px 0;
				box-sizing: border-box;
				height: 84px;
				text-align: center;
				background: #b3b3b3;
			}
			#rightsubnav .rtitemone .spcount{
				margin:2px 0 0 7px;
				width: 26px;
				height: 26px;
				font-size: 15px;
				line-height: 26px;
				border-radius: 50%;
				background: #f4942c;
			}
			#rightsubnav .rtitemtwo{
				margin:2px 0 2px 0;
				padding: 7px 0 4px 0;
				box-sizing: border-box;
				height: 60px;
				text-align: center;
				background: #b3b3b3;
			}
			#rightsubnav .rtitemthree{
				padding: 5px 0 8px 5px;
				box-sizing: border-box;
				height: 40px;
				background: #b3b3b3;
			}
			#tit{
				width: 1000px;
				height: 450px;
			}
			.container{
				width: 990px;
				margin:auto;
				cursor:pointer;
			}
			.imgbox{
				width: 990px;
				margin: auto;
				overflow-x: scroll;
			}
			.submenu{
				position: relative;
				margin-top: 15px;
				font-size: 13px;
				width: 5210px;
				height: 340px;
				
			}
			.submenu li{
				float: left;
				margin-right: 16px;
			}
			.submenu li img{
				width: 230px;
				height: 228px;
				border: 1px solid transparent;
			}
			.submenu li img:hover{
				border: 1px solid lightblue;
			}
			.submenu li p{
				margin-top: 9px;
			}
			.submenu li .talking{
				color:crimson;
			}
			.submenu li .talk:hover{
				color:lawngreen;
				text-decoration: underline;
			}
			.submenu li .tiao:hover{
				background: red;
				color: #FFFFFF;
			}
			#wrap{
				margin: 30px 0  0 177px;
				position: relative;
				padding: 14px;
				box-sizing: border-box;
				width: 1000px;
				height: 550px;
				border: 1px solid gainsboro;
				cursor:pointer;
			}
			#movewrap{
				position: relative;
				width: 396px;
				height: 396px;
				border: 1px solid lightcyan;
				overflow: hidden;
			}
			#movewrap img{
				width: 396px;
				height: 396px;
				display:none;
			}
			#movewrap .igone{
				display: block;
			}
			#move{
				position:absolute;
				left:0;
				top:0;
				display:none;
				width: 130px;
				height: 130px;
				background:rgba(56,41,45,.2);
			}
			#picwrap{
				margin-top: 15px;
				width: 400px;
			}
			#picwrap img{
				margin-left: 2px;
				border: 2px solid transparent;
			}
			#scallwrap{
				display: none;
				position:absolute;
				top: 14px;
				left: 450px;
				z-index: 14;
				width:440px;
				height:465px;
				overflow:hidden;
			}
			#scallwrap img{
				position: absolute;
				top: 0;
				left: 0;
				width:1400px;
				height:1400px;
				display:none;
			}
			#rightsec{
				position:absolute;
				top: 14px;
				left:450px;
				width:532px;
				height:auto;
				overflow:hidden;
			}
			.coumunte{
				margin: 13px 0 18px 0;
				width: 100%;
				height: 30px;
				line-height: 30px;
				text-indent: 13px;
			}
			.coumunte button{
				width: 30px;
				height: 30px;
			}
			#number{
				width: 34px;
				height: 25px;
				text-align: center;
			}
			.address{
				margin: 13px 0 18px 0;
				width: 100%;
				height: 30px;
				line-height: 30px;
				text-indent: 13px;
			}
			select{
				width: 73px;
				height: 25px;
				text-align: center;
				outline: none;
			}
			#addshopbus{
				outline: none;
				/*border: none;*/
				margin: 10px 0 10px 60px;
				width: 174px;
				height: 54px;
				color: #FFFFFF;
				font-size:25px ;
				text-align: center;
				line-height: 54px;
				background:lime;
			}
			#prodimg{
				position: absolute;
				margin: 10px;
				width: 40px;
				height: 40px;
			}
			#prodimg img{
				width: 40px;
				height: 40px;
			}
			#shopbus{
				float: left;
				margin-left: 60px;
				width: 178px;
				height: 40px;
				line-height: 40px;
			    text-indent: 10px;
			    border: 1px solid lawngreen;
			}
			#shopbus .cn{
				display: inline-block;
				width: 23px;
			    height: 23px;
			    color: #FFFFFF;
			    font-size: 13px;
			    text-indent: 8px;
			    line-height: 23px;
			    border-radius: 50%;
			    background: #f4942c;
			}
			#summy{
				vertical-align: middle;
				display: inline-block;
				width: 60px;
				height: 30px;
				background: lavender;
				font-size: 15px;
			}
			#jiesuan{
				margin-left: 15px;
				float: left;
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				font-size: 15px;
				color: green;
				border: 1px solid greenyellow;
			}
		</style>
	</head>
	<body id="chlidpagetwopage">
		<iframe src="headder.html" width="1364px" height="172px" scrolling="no" frameborder="no"></iframe>
		<img id="tit" style="margin: 20px 0 30px 177px;" src=""/>
		<ul id="rightsubnav">
			<li class="rtitemone">
				<img src="img/sppc.png" />
				<p>购物车</p>
				<div class="spcount">
					<span id="numbercount">0</span>
				</div>
			</li>
			<li class="rtitemtwo">
				<img src="img/rtspdh.png" />
				<p>客服</p>
			</li>
			<li class="rtitemtwo">
				<img src="img/rtspp.png" />
				<p>客服</p>
			</li>
			<li class="rtitemtwo">
				<img src="img/rtspsj.png" />
				<p>客服</p>
			</li>
			<li class="rtitemthree">
				<img src="img/rtspup.png" />
			</li>
		</ul>
		<div class="container">
			<h3>生活电器全部 ：</h3>
			<div class="imgbox">
				<ul class="submenu">
					<li class="one" id="prdone">
						<img src="" />
						<p>￥299 </p>
						<p class="talk">大吸力轻便吸尘器</p>
						<p class="talking">评论数：
						<i class="tiao">60条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1711141811333132_d228x228.jpg" />
						<p>
							<span style="background: yellow;width: 73px;height: 20px;">限时优惠价</span>
							￥699  ￥799
							<span style="background: red;width: 27px;height: 27px;">新</span>
						</p>
						<p class="talk">无绳两用大吸力吸尘器</p>
						<p class="talking">评论数：
						<i class="tiao">11条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1708172050315761_d228x228.jpg" />
						<p>
							￥369
							<span style="background: red;width: 74px;height: 27px;color: #fff;">送替换装</span>
						</p>
						<p class="talk">3合1多功能除螨仪</p>
						<p class="talking">评论数：
						<i class="tiao">293条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1608261708036489_d228x228.jpg" />
						<p>
							￥269
						</p>
						<p class="talk">蒸汽挂烫机(极速平整)</p>
						<p class="talking">评论数：
						<i class="tiao">4222条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/1504201145306127.gif" />
						<p class="talk">
							￥69
						</p>
						<p class="talk">电子衣橱防潮除湿机</p>
						<p class="talking">评论数：
						<i class="tiao">5861条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1703271604283665_d228x228.jpg" />
						<p>
							￥999
						</p>
						<p class="talk">大容量静音除湿机</p>
						<p class="talking">评论数：
						<i class="tiao">95条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1604111035284043_d228x228.jpg" />
						<p>
							￥29
						</p>
						<p class="talk">配件-小芙(智能扫地机器人-橡胶刮板)</p>
						<p class="talking">评论数：
						<i class="tiao">2433条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1705041820381314_d228x228.jpg" />
						<p>
							￥169
						</p>
						<p class="talk">LED多功能化妆镜台灯</p>
						<p class="talking">评论数：
						<i class="tiao">460条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1611291851438705_d228x228.jpg" />
						<p class="talk">
							￥149
						</p>
						<p class="talk">超声波净化加湿器</p>
						<p class="talking">评论数：
						<i class="tiao">2984条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1704271820112226_d228x228.jpg" />
						<p>
							￥149
						</p>
						<p class="talk">香薰加湿器</p>
						<p class="talking">评论数：
						<i class="tiao">190条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1611292322492755_d228x228.jpg" />
						<p>
							￥499
						</p>
						<p class="talk">感应式智能暖风机</p>
						<p class="talking">评论数：
						<i class="tiao">253条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1611101750537982_d228x228.jpg" />
						<p class="talk">
							￥79
						</p>
						<p class="talk">速热恒温暖桌垫</p>
						<p class="talking">评论数：
						<i class="tiao">2266条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1412290943437321_d228x228.jpg" />
						<p>
							￥69
						</p>
						<p class="talk">3合1滤网(台式系列-2片装)</p>
						<p class="talking">评论数：
						<i class="tiao">441条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1411211442304175_d228x228.jpg" />
						<p>
							￥79
						</p>
						<p class="talk">活性炭滤网(新风系列)</p>
						<p class="talking">评论数：
						<i class="tiao">380条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1407211905329166_d228x228.jpg" />
						<p>
							￥149
						</p>
						<p class="talk">活性炭滤网(负离子系列)</p>
						<p class="talking">评论数：
						<i class="tiao">757条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1708031744185529_d228x228.jpg" />
						<p>
							￥129
						</p>
						<p class="talk">3档可调LED护眼台灯</p>
						<p class="talking">评论数：
						<i class="tiao">244条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1602240950257523_d228x228.jpg" />
						<p class="talk">
							￥89
						</p>
						<p class="talk">LED护眼充电台灯(3档模式-经典款)</p>
						<p class="talking">评论数：
						<i class="tiao">4401条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D170726183409359_d228x228.jpg" />
						<p>
							￥99
						</p>
						<p class="talk">自由弯曲LED护眼台灯</p>
						<p class="talking">评论数：
						<i class="tiao">147条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1705101609372850_d228x228.jpg" />
						<p>
							￥289
							<span style="width: 78px;height: 27px;background: red;color: #fff;">特价换价</span>
						</p>
						<p class="talk">手持电动美图按摩仪(4个按摩头)</p>
						<p class="talking">评论数：
						<i class="tiao">159条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1702211500473961_d228x228.jpg" />
						<p>
							￥299
						</p>
						<p class="talk">小芙-肩颈揉捏按摩器</p>
						<p class="talking">评论数：
						<i class="tiao">463条▶</i>
						</p>
					</li>
					<li>
						<img src="img/chlidPagetwodatilpageimg/D1507281012381890_d228x228.jpg" />
						<p>
							<span style="width: 60px;height: 27px;background: yellow;">出清价</span>
							￥289
							<span style="width: 78px;height: 27px;background: red;color: #fff;"></span>
						</p>
						<p class="talk">无线蓝牙高宝真耳机</p>
						<p class="talking">评论数：
						<i class="tiao">507条▶</i>
						</p>
					</li>
				</ul>
			</div>
		</div>
		<div id="wrap">
			<div id="movewrap">
				<div id="move"></div>
				<img class="igone" src="img/chlidPagetwodatilpageimg/D1710271711351123_d800x800.jpg"/>
				<img src="img/chlidPagetwodatilpageimg/D1710301058089402_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014157635_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014162436_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014167452_d800x800.jpg" />
			</div>
			<div id="picwrap">
				<img src="img/chlidPagetwodatilpageimg/D1710271711351123_d70x70.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710301058089402_d70x70.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014157635_d70x70.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014162436_d70x70.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014167452_d70x70.jpg" />
			</div>
			<div id="scallwrap">
				<img src="img/chlidPagetwodatilpageimg/D1710271711351123_d800x800.jpg"/>
				<img src="img/chlidPagetwodatilpageimg/D1710301058089402_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014157635_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014162436_d800x800.jpg" />
				<img src="img/chlidPagetwodatilpageimg/D1710242014167452_d800x800.jpg" />
			</div>
			<div id="rightsec">
				<h2 style="color: darkgrey;height: 40px;font-size: 24px;">大吸力轻便吸尘器</h2>
				<p style="color: gainsboro;font-size: 12px;">品牌：LifeVC 商品编号：842589200</p>
				<p style="margin-bottom: 11px;width: 100%;height:55px;background: lavender;font-size: 25px;color: red;line-height: 55px;text-indent: 13px;">￥229</p>
				<p style="height: 35px; color: red;border-bottom: 1px solid gainsboro ;">
					<span style="width: 57px;height: 35px;background: red;color: #fff;margin: 9px;">优惠</span>
					登录和查看你的积分和优惠券
				</p>
				<p style="width: 100%;height: 55px;color: #7B7B7B;line-height: 55px;text-indent: 13px;">销量  &nbsp;&nbsp;&nbsp;&nbsp;最近三天售出:17&nbsp;&nbsp;<img style="vertical-align: middle;" src="img/chlidPagetwodatilpageimg/pinglunqu.png"/>&nbsp;&nbsp;&nbsp;&nbsp;会员使用评论：60</p>
				<div class="coumunte">数量：
					<button id="rednum">-</button id="rednum"><input type="text" id="number" placeholder="0"/><button id="addnum">+</button>
				</div>
				<div class="address">运至：
					<select id="prov"></select>
					<select id="city" disabled="disabled">黄埔区</select>
					<select id="country" disabled="disabled">东坝镇</select>
				</div>
				<div id="prodimg"></div>
				<button id="addshopbus">加入购物车</button>
				<div style="position: relative;">
					<div id="shopbus">购物车
						<span class="cn" id="countnumber">0</span>
						<span id="summy"></span>
					</div>
					<div id="jiesuan">去结算  &gt;
						
					</div>
				</div>
			</div>
		</div>
		<div style="margin:30px 0 0 177px;">
			<img src="img/chlidPagetwodatilpageimg/ed3332d7410b4c9ab13c67a185191d4d.jpg" />
		</div>
		<div style="margin:5px 0 0 177px;">
			<img src="img/chlidPagetwodatilpageimg/chengnuo_v3.jpg" />
		</div>
		<iframe src="footer.html" width="1364px" height="560px" scrolling="no" frameborder="no"></iframe>
		<script src="https://code.jquery.com/jquery-1.8.0.min.js "></script>
   		<script src="js/jquery.fly.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/chlidPagetwodatilpage.js" ></script>
	</body>
</html>
